<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>添加密保卡</title>
    
    <meta charset="utf-8"/>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<script type="text/javascript" src="./gold/js/My97DatePicker/WdatePicker.js"></script>
	
	<link rel="stylesheet" href="gold/css/bootstrap.min.css">
	<script src="gold/js/jquery.js"></script>
	<script src="gold/js/bootstrap.min.js"></script>
	
	<style type="text/css">
		#container {
			margin-top: -20px;
			margin-left: 10px;
		}
		td {
			vertical-align: middle !important;
		}
	</style>
	
	<link href="gold/css/doubleDate.css" rel="stylesheet" type="text/css" />

	<style type="text/css">
		*{margin:0;padding:0;list-style-type:none;}
		a,img{border:0;}
		body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
		
		
		.iptgroup{width:300px;height:60px;margin:20px auto 0 auto;}
		.iptgroup li{float:left;height:30px;line-height:30px;padding:5px;}
		.iptgroup li .ipticon{background:url(blue/date_icon.gif) 98% 50% no-repeat;border:1px #CFCFCF solid;padding:3px;}
	</style>

  </head>
  
  <body>
    <div>
		<div id="container">
			<div class="page-header text-center">
				<h2>密保卡生成</h2>
			</div>
			<div class="row">
				<div class="col-xs-6 col-sm-4 col-md-offset-4">
					<div class="modal-body">
						<form class="form-horizontal" action="insertCard.do"
								method="post" enctype="multipart/form-data">
							<table class="table table-bordered table-hover table-condensed  ">
								<tbody>
									<tr>
										<td>数量(张)</td>
										<td><input type="text"  placeholder="必须输入整数"  name="cardCountString" 
												class="form-control"/>
										</td>
									</tr>
									<tr>
										<td>选择需要生成卡的省份</td>
										<td> 
											<select class="selectpicker bla bla bli" multiple data-live-search="true" name="cardProvIdString">
												<optgroup>
													<c:forEach items="${provinceList}" var="province">
														<option value="${province.provId }">${province.provName }</option>
													</c:forEach>
												</optgroup>
											</select>
										</td>
									</tr>
									<tr>
										<td>金额(游币数量)</td>
										<td><input type="text"  placeholder="必须输入整数" name="cardAmountString" class="form-control"/></td>
									</tr>
									<tr class="iptgroup">
										<td>有效期开始时间</td>
									  	<td><input id="startTime" type="text" name="cardStartTime" readonly="readonly" class="doubledate ipticon form-control" 
									  	onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})"/></td>
									</tr>
									<tr class="iptgroup">
										<td>有效期结束时间</td>
									  	<td><input id="endTime" type="text" name="cardEndTime" readonly="readonly" class="doubledate ipticon form-control" 
									  	onclick="WdatePicker({minDate:'#F{$dp.$D(\'startTime\')||\'%y-%M-%d\'}',dateFmt:'yyyy-MM-dd HH:mm:ss'})"/></td>
									</tr>
								</tbody>
							</table>


							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-10">
									<button type="submit" class="btn btn-primary">生成密保卡</button>
									
									<button class="btn btn-warning" onclick="goBack()">返回上一页</button>
								</div>
							</div>
						</form>
					</div>

				</div>
			</div>
		</div>
	</div>
  </body>
  <script type="text/javascript">
	  	function goBack(){
	  		window.history.back();
	  	}
  </script>
  	
</html>
